<!DOCTYPE html>
<html>
  
  <head>
    
    <meta charset="utf-8">
    
    <title>Emascaro FrontEnd/BackEnd Test</title>
    
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/redmond/jquery-ui-1.10.3.custom.css">

    <script src="js/main.js"></script>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/jquery-ui-1.10.3.custom.js"></script>

    <script src="js/jquery.js"></script>
    <script src="js/jquery.cycle2.js"></script>
    <script src="js/jquery-ui.js"></script>
    
    <script src="js/mootools.js"></script>
    <script src="js/calendar.js"></script>
  
  </head>
  
  <body onload="clean();">
    
    <header class="header-diagonal">
      <div class="header-container">
        <figure class="figure-dz">
          <img id="img-dz" src="img/DiagonalZeroBarcelonaHotel.png"/>
        </figure>
        <nav class="nav-container" role="navigation">
          <ul>
            <li><a href="#Ofertas" id="dz-offers">Ofertas</a></li>
            <li><a href="#Ubucación" id="dz-place">Ubicación</a></li>
            <li><a href="#Habitaciones" id="dz-rooms">Habitaciones</a></li>
          </ul>
        </nav>
      </div>
    </header>
    
    <div class="main-container">
      
      <aside class="sidebar">
        <div id="menu-link">
          <div id="menu-resv" class="menu-active">
            <span onclick="changeMenu('resv');">Reservas</span>
          </div>
          <div id="menu-prof" class="menu-inactive">
            <span onclick="changeMenu('prof');">Profesionales</span>
          </div>
        </div>
        <div id="menu-content">
          <?php include_once 'elem/reservas.php'; ?>
        </div>
      </aside>

      <article class="article-content">
        <section>
          <div>
            
            <div class=center>
              <a href=# class="prev-img"></a>
              <a href=# class="next-img"></a>
            </div>

            <div class="cycle-slideshow" 
                 data-cycle-fx      = scrollHorz 
                 data-cycle-timeout = 0 
                 data-cycle-prev    = ".prev-img" 
                 data-cycle-next    = ".next-img" 
                 data-cycle-swipe   = true >
              
                <img src="img/img.png">
                <img src="img/07-img_1210.png">
                <img src="img/09-img_1081.png">
                <img src="img/31-img_1946.png">
                <img src="img/39-img_2035.png">
                <img src="img/52-img_3079.png">
                
            </div>

          </div>
          <div class="bz-info">
            
            <div class="bz-welcome">
              <h1 class="bz-welcome">Bienvenidos a Diagonal Zero</h1>
              <p class="bz-welcome-msg">
                SB HOTELS les da una calurosa bienvenida, y pone a su entera 
                disposición toda una variedad de servicios que harán de su 
                estancia en nuestros hoteles una experiencia única.
              </p>
            </div>
            
            <div class="bz-offer-info">
              <h1 class="bz-offer-header">¡ofertas exclusivas!</h1>
              <ul class="bz-offer-list">
                
              <?php

                include_once 'etc/classes.php';

                $offers = new HandleXMLOffers(NULL);

                $offers->shuffle();

                for ($i = 0; $i < 3; $i++) {
                  $offers->nextRandom();
                  
              ?>
                <li <?php echo (!strcmp($offers->getCurrentOffer()->getHighlighted(), "Amarillo"))?' class="hightlight"':""; ?>>
                  <a href="#"><?php echo $offers->getCurrentOffer()->getTitle(); ?> <span class="arrows"> &GT;&GT;</span></a>
                </li>
              <?php      
                }
              ?>
                
              </ul>
              
              <div class="bz-all-offers">
                <a href="#">VER TODAS LAS OFERTAS</a>
              </div>
            </div>
            
            
          </div>
        </section>
      </article>
      
    </div>
    <div class="main-container-shadow"></div>
    
  </body>
  
</html>
